<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>index</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="referrer" content="never" />
		<link rel="stylesheet" href="../../../../css/mui.min.css">
		<link rel="stylesheet" href="../../static/css/common.css">
		<link rel="stylesheet" href="css/index.css"/>
		<style>
			.mui-bar-nav ~ .mui-content .mui-pull-top-pocket{
				top:80px !important; 
			}
			.textlength{
				max-width: 32vw;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
			}
			.bleColor{
				color: #275EB1;
			}
			.redColor{
				color: #ce3333;
			}
		</style>
	</head>

	<body >
		
		<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">故障列表</h1>
<!-- 			<span class="mui-icon mui-icon-right-nav mui-pull-right right-titleicon">
				+
			</span> -->
		</header>
		<div class="mui-content" id="content" v-cloak>
<!-- 			<div style="width: 100vw; height: 10vw;" id="lod">
				
			</div> -->
			<div class="top">
				<transition name="fade">
					<div class="search-model">
						<div class="mui-input-row mui-search">
							<input  @input="searchDevice()" type="search" class="mui-input-clear" style="background-color: #fff;" placeholder="请输入关键字信息">
						</div> 
					</div>
<!-- 					<div class="top-textall">
						<span @click="changeFliter('unreturn')" v-if="filterText == 'all'">全部</span>
						<span  @click="changeFliter('return')" v-if="filterText == 'unreturn'">未退出</span>
						<span  @click="changeFliter('all')" v-if="filterText == 'return'">已退出</span>
					</div> -->
			</div>
			<div id="scroll" >
				<div class="list" id="list">
					<div v-for="(item,index) in list" :key="index">
						<div class="flex-between" v-on:click="hideOperBtn">
							<div class="flex-row" v-on:click="hideOperBtn">
								<div class="label textlength">{{item.areaName}}-</div>
								<div class="item-title textlength" style="color: #275EB1;" >{{item.stationName}}</div>
							</div>
<!-- 							<div v-if="item.modifyBy == modifyBy && (item.inStatus == 21 || item.outStatus == 21)">
								<div class="color-blue" style=" float: right; width: 10vw; color: #275EB1;" v-on:click="itemDelete(item)" >删除</div>
								<div class="color-red" style="float: right;  width: 10vw; color: #ce3333;" v-on:click="saveEditParam(item)">编辑</div>
							</div> -->

						</div>	
						
						<div class="terminalwork-list-receivebtn" v-if="searchType == 'todo'"  onclick="showOperBtn(this)">操作</div>
						<div class="terminalwork-list-operbtn todo">
							<div class="terminalwork-list-operbtn-in">
								<div class="operbtn" style=" float: right; width: 13vw; color: #ce3333;" v-on:click="goNext(index)" >元器件</div>
								<div class="operbtn" style="float: right;  width: 10vw; color: #275EB1;" v-on:click="insertParts(index)">补录</div>
								<div class="operbtn" style="float: right;  width: 10vw; color: #275EB1;" v-on:click="goDetail(index)">详情</div>
							</div>
						</div>
						
						<div class="flex-between" v-on:click="hideOperBtn">
							<div class="flex-row" style="margin-top:10px;">
								<div class="label">故障报出时间:</div>
								<div>{{item.faultReportTime == null ? '—' : item.faultReportTime}}</div>				
							</div>
						</div>
						
						<div class="flex-between" v-on:click="hideOperBtn">
							<div class="flex-row" style="margin-top:10px;">
								<div class="label">工作票编号:</div>
								<div>{{item.workTicketCode == null ? '—' : item.workTicketCode}}</div>				
							</div>
						</div>
					</div>
			</div>	
			</div>
			<!-- <div class="more-txt">上拉显示更多,下滑进行刷新</div>	 -->
		</div>
		
		<script src="../../../../js/mui.min.js"></script>
		<!--三件套STR-->
		<script src="../../static/js/neiosCommon.js"></script>
		<script src="../../static/js/neiosRequst.js"></script>
		<script src="../../static/js/Config.js"></script>
		<!--三件套END-->
		<script src="js/paramJsons.js"></script>
		<script src="../../../../js/vue.js"></script>
		<script type="text/javascript" src="../../../../js/jquery-3.2.1.min.js"></script>
		<script src="js/index.js"></script>
		
	</body>

</html>